<template lang="pug">
.page
  .clearfix
    .clearfix(v-if="!canEditor")
      .form-shebao-title.font-16.font-weight 薪资
      Table.beautiful-table(:columns="xinziThead" :data="xinziTableData" :stripe="true" ref="demoTable")
        .clearfix.pl-20.pr-20(slot="footer")
          Page(
            :current="tableComone.pageIndex"
            :total="tableComone.totalRows"
            @on-change="onChangePage"
            @on-page-size-change="onpageSizeChange"
            show-sizer
            show-total
            placement="top"
            prev-text="上一页"
            next-text="下一页"
            :page-size-opts="[10, 20, 30, 50, 100]"
          )

    //- 仅展示详情时的按钮
    .clearfix.text-center.mt-20.mb-20(v-if="!canEditor")
      Button.mr-10(type="info" @click="handlepageUp") 查看上一页
      Button(v-if="!isFromRoster" type="info" ghost @click="goEmployeeBookList()") 返回花名册
      Button(v-if="isFromRoster" type="info" ghost @click="goRoster()") 返回员工管理
</template>

<script>
import Mixin from '../EBxinziMixin.js'
export default {
  name: '',

  mixins: [Mixin],

  mounted () {
    this.query()
  }
}
</script>

<style lang="less" scope>
</style>
